﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--CSS主要有元素内联、页面嵌入和外部引用三种使用方式-->
<head>
    <title>CSS的三种使用方式</title>
    <!--页面嵌入：在head中加入样式-->
    <style type="text/css">
        input{border-color:Blue;color:Red;cursor:url(/Img/aero_busy_xl.ani)}
    </style>

    <!--外部引用：将CSS内容写入css后缀的文件，然后在页面中引用，在head中加入如下例中的代码-->
    <link type="text/css" rel="Stylesheet" href="CSSDemo.css" />
</head>

<body>
<!--：直接将样式写入元素的style属性中-->
<label style="background-color:Yellow;cursor:pointer">元素内联式</label>

<div><input type="text" value="页面嵌入式" /></div>

<span>外部引用式</span>

</body>
</html>
